<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>

<body>
<div th:replace="common/top">

</div>
      <div id="Content">
        <div class="check-div form-inline">
          <div class="col-xs-4">
            <form action="/user" method="get" >
              <input type="text" class="form-control input-sm" name="username" placeholder="输入username搜索">
              <button class="btn btn-white btn-xs " type="submit" >查 询 </button>
            </form>
          </div>
          <div class="col-xs-4">
            <form>
              <input type="text" class="form-control input-sm" name="username" placeholder="输入firstName搜索">
              <button class="btn btn-white btn-xs " type="submit">查 询 </button>
            </form>
          </div>
          <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
            <form>
              <select>
                <option value="上架中">上架中</option>
                <option value="未上架">未上架</option>
              </select>
              <button class="btn btn-white btn-xs " type="submit">查 询 </button>
            </form>
          </div>
        </div>

        <div  style="overflow-y:auto;width:100%;height: 560px;border-top: 1px solid blue;">
          <table class="table table-striped">
            <tr>
              <th>CategoryName</th>
              <th>check product</th>
              <th>操作</th>
            </tr>
            <tr th:each="category:${categoryList}">
              <td th:text="${category.name}"></td>
              <td><a th:href="@{'/catalog/productManagement?categoryId='+${category.categoryId}}" th:text="查看产品"/></td>
              <td> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeChar">修改</button>
                <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteChar">删除</button></td>
            </tr>
          </table>

                <div>
                  <form>
                    <table>
                      <tr><td>新增</td></tr>

                      <tr><td><input type="text" name="username" placeholder="新增类别名"></td></tr>
                      <tr><td><button class="btn btn-white btn-xs " type="submit"> 添加 </button></td></tr>
                    </table>

                  </form>
                </div>

        </div>
      </div>

<div th:replace="common/bottom">

</div>
</body>
</html>